<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>3</title>
    <meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
    <!-- Loading Bootstrap -->
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../styles/3.css">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="../bootstrap/js/html5shiv.min.js"></script>
    <script src="../bootstrap/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Start of navbar -->
<div class="navbar navbar-default navbar-fixed-top " role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
            </button>
            <a class="navbar-brand" href="#">嘉兴电厂网上订餐系统</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">我要订餐</a></li>
                <li class="active"><a href="#" class="glyphicon glyphicon-shopping-cart">购物车</a></li>
                <li><a href="#" class="glyphicon glyphicon-user">个人中心</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <button type="button" class="btn btn-default navbar-btn btn-success">登录</button>
                </li>
                <li>&nbsp;&nbsp;&nbsp;</li>
                <li>
                    <button type="button" class="btn btn-default navbar-btn btn-warning">注销</button>
                </li>
                <li>&nbsp;&nbsp;</li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>
<!--End of navbar-->
<!---start of table-->
<div class="container">
    <div class="btn-toolbar">
        <a class="btn btn-success">递交订单</a>
        <a class="btn btn-default">修改购物车</a>
        <a class="btn btn-primary">全部选择</a>
        <a class="btn btn-info">取消选择</a>
        <a class="btn btn-warning">继续订餐</a>
    </div>
    <div class=" meal-cart">
        <table class="table table-bordered table-striped table-hover" data-click-to-select="true">
            <thead>
            <tr>
                <th data-field="state" data-checkbox="true"></th>
                <th>序号</th>
                <th>日期</th>
                <th>餐次</th>
                <th>菜名</th>
                <th>菜单价</th>
                <th>菜总价</th>
                <th style="width: 150px;">数量</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr class="active">
                <td class="bs-checkbox "><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">1</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td> 春笋腊鸡套餐</td>
                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">2</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td> 剁椒仔排套餐</td>

                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            <tr class="success">
                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">3</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td> 德州黑椒牛肉饭</td>
                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group item-count" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            <tr>

                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">4</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td>油焖山珍饭</td>
                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            <tr class="info">
                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">5</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td>红烧翅根饭</td>
                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">6</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td>台湾卤肉饭</td>
                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            <tr class="warning">
                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">7</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td>咖哩鸡肉饭</td>
                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">8</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td>回锅肉饭</td>
                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            <tr class="danger">
                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                <td scope="row">9</td>
                <td>2015年05月1日</td>
                <td>中餐</td>
                <td>腊味双拼饭</td>
                <td>100元</td>
                <td>￥100</td>
                <td>
                    <div class="btn-group" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>
                    </div>
                </td>
                <td>
                    <div class="">
                        <a class="btn btn-primary">删除</a>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<!--end of table-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../bootstrap/js/jquery.min.js"></script>

</body>
</html>
